<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>

<script src="../js/jquery.min.js"></script>
<script src="../js/jqFancyTransitions.1.8.min.js"></script>
<script>
$(document).ready( function(){
	$('#slide').jqFancyTransitions({
		effect: 'curtain', // wave, zipper, curtain
		width: 370, // width of panel	
		height: 200, // height of panel
		strips: 20, // number of strips
		delay: 5000, // delay between images in ms
		stripDelay: 50, // delay beetwen strips in ms
		titleOpacity: 0.7, // opacity of title
		titleSpeed: 500, // speed of title appereance in ms
		position: 'curtain', // top, bottom, alternate, curtain
		navigation:false, // prev and next navigation buttons
		links: false // show images as links
});
});
</script>

<style>
#slide{
		
}
</style>
</head>

<body>
    <div id="slide">
	    <img src="../media/img/cac06d_Mejores cosas viene.jpg" width="370" height="200">
        <img src="../media/img/cac06d_Mejores cosas viene.jpg" width="370" height="200">
        <img src="../media/img/IMG_1.jpg" width="370" height="200">
         <img src="../media/img/dos.jpg" width="370" height="200">
          <img src="../media/img/tres.jpg" width="370" height="200">
    </div>

</body>
</html>